for 是 JavaScript 中最常用的迴圈，適合在知道要重複幾次的情況使用

可以把它想成：

「每天照著待辦事項，一件一件完成。」

例如：
點名全班 30 位同學
檢查購物車所有商品
發送訊息給所有會員
計算所有學生總分
這些都是 for 最常見的使用時機。

for 基本語法

for (初始值; 條件; 每次執行後要做的事) {
    // 重複執行的程式
}

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

三個部分代表什麼？
初始值

let i = 1

條件

i <= 5

每次執行完做什麼

i++

生活情境一：老師點名

for (let i = 1; i <= 5; i++) {
    console.log("請第 " + i + " 位同學回答");
}

輸出

請第1位同學回答
請第2位同學回答
請第3位同學回答
請第4位同學回答
請第5位同學回答

生活情境二：計算總金額

let prices = [50, 80, 120, 200];
let total = 0;
for (let i = 0; i < prices.length; i++) {
    total += prices[i];
}
console.log(total);

輸出

450

生活情境三：找出不及格學生

let scores = [90, 45, 70, 30, 85];
for (let i = 0; i < scores.length; i++) {
    if (scores[i] < 60) {
        console.log(scores[i]);
    }
}

輸出

45
30

搭配 if 使用-印出偶數

for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) {
        console.log(i);
   }
}

輸出

2
4
6
8
10

break（提前停止）

找到指定商品後，就不用再找

let fruits = [
    "蘋果",
    "香蕉",
    "西瓜",
    "葡萄"
];
for (let i = 0; i < fruits.length; i++) {
    if (fruits[i] === "西瓜") {
        console.log("找到西瓜！");
        break;
    }
}

輸出

找到西瓜！

continue（跳過本次）

跳過缺貨商品

let products = [
    "牛奶",
    "缺貨",
    "雞蛋",
    "麵包"
];
for (let i = 0; i < products.length; i++) {
    if (products[i] === "缺貨") {
        continue;
    }
    console.log("出貨：" + products[i]);
}

輸出

出貨：牛奶
出貨：雞蛋
出貨：麵包

只要看到 for，可以在心中默念這四個步驟：

從哪裡開始？（初始化，例如 let i = 0）
做到什麼時候？（條件，例如 i < arr.length）
每次做什麼？（迴圈本體）
下一次怎麼前進？（例如 i++ 或 i--）